<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
{{--<script>
    function one(){
        document.forms[0].action="validate";
        document.forms[0].submit();
    }
</script>--}}
<body>
{{--定位--}}
<div class="dinw">
    <div class="zbc">
        <a href="#"><img src="img/%5D%7D~_22)Z%259SG%25C31H48~%7D63.png" alt="" class="po"></a>
        <p class="zxc"><a href="#">申请提货</a></p>
    </div>
    <div class="zbc">
        <a href="queryExpress"><img src="img/W%5DZXI%25IJBEUOQ1CP%7B%25%5B5L(D.png" alt="" class="po"></a>
        <p class="zxc"><a href="queryExpress">订单查询</a></p>
    </div>
    <div class="zbc">
        <a href="#"><img src="img/VL%5DPH16O%7D5LA%5BZD%256HS%7D13X.png" alt="" class="po"></a>
        <p class="zxc"><a href="#">商品分类</a></p>
    </div>
</div>
<div class="qwe">
    {{--图片--}}
    <div class="week">
        <img src="img/J7OT0%7DWMLWPBK@362_M_5EP.png" alt="" class="img1">
        <div class="week1">
            {{--表单--}}
            <form action="quote " method="post">
                {{csrf_field()}}
                <p>
                    卡 号:  &nbsp;<input type="text" placeholder="请输入提货卡号" class="for1" name="account">
                </p>
                <p>
                    密 码:  &nbsp;<input type="password" placeholder="请输入提货密码" class="for1" name="password">
                </p>
                <div class="form-groud {{$errors->has('captccha')?'has-error':''}}">
                    <div class="col-md-6">
                        验 证: &nbsp;<input type="captcha" class="form-control for1" name="captcha" placeholder="请输入验证码">
                        <img class="thumbanil captcha" src="{{captcha_src('flat')}}" onclick="this.src='/captcha/flat?'+Math.random()" title="点击图片重新获取验证码" alt="" width="80" height="30">
                        @if($errors->has('captcha'))
                            <span class="help-block">
                                <strong>{{$errors->first('captcha')}}
                            </span>
                        @endif
                    </div>
                </div>
                <input type="submit" value="申请提货" class="for2" {{--onclick="one()"--}}>
            </form>
        </div>
        <div class="appod">
            <ul>
                <li>提货须知：</li>
                <li>1.扫描提货卡上的二维码，刮去卡涂层输入卡号、密码、收件人信息，即可预约提货。</li>
                <li>2. 本礼券仅限在规定的有效期内兑换礼券上指定规格的商品一份。</li>
                <li>3. 劵号与密码是本提货券唯一标识，仅供一次提货使用。</li>
                <li>4. 请在未提货前勿将密码图层刮开或泄露，若造成损失自行承担。</li>
                <li>5. 礼券使用有效期：可根据券号查询有效期</li>
                <li>6. 本券不记名、不挂失、不兑现，在法律允许范围内，本公司拥有最终解释权。</li>
            </ul>
        </div>
    </div>
</div>
</body>
<style>
    body,
    html {
        width: 100%;
        height: 100%;
    }
    .qwe{
        height: 900px;
        width: 640px;
        margin: 0 auto;
    }
    /*图片*/
    .week{
        width: 640px;
        height: 600px;
        background-color: white;
    }
    .img1{
        width: 640px;
        height: 333px;
    }
    /*表单*/
    .week1{
        width: 570px;
        height: 230px;
        /*background-color: #0E9A00;*/
        margin-left: 35px;
        margin-top: 10px;
    }
    .for1{
        width: 510px;
        height: 40px;
        border: none;
        outline:none
    }
    .for2{
        width: 570px;
        height: 45px;
        margin-top: 20px;
        border-radius: 10px 10px;
        border: none;
        background-color: #DE9972;
        color: #f0f7ff;
    }
    /*底部*/
    .appod{
        width: 640px;
        margin: 0 auto;
        height: 180px;
        float: left;
        margin-top: 15px;
    }
/*    .appod ul{
        margin-top: 40px;
    }*/
    .appod ul li{
        list-style: none;
        font-size: 14px;
    }
    /*定位*/
    .dinw{
        width: 100%;
        height: 70px;
        float: left;
        background-color: white;
        position: fixed;
        bottom: 0px;
    }
    .dinw a{
        color: #0e2231;
        text-decoration: none;
    }
    .dinw11{
        width: 100%;
        height: 80px;
        background: #5b6d81;
        line-height: 80px;
        text-align: center;
        /* 方法一 */
        position: fixed;
    }

    .zbc{
        width: 60px;
        height: 60px;
        float: left;
        margin-left: 22%;
    }
    .po{
        float: left;
        margin-left: 10px;
        margin-top: 2px;
    }
    .zxc{
        font-size: 12px;
        float: left;
        margin-left: 2px;
    }
    .form-control{
        width: 120px;
        height: 35px;
        border: none;
    }
</style>
